<template>
  <q-input
    :value="value"
    :type="type"
    :maxlength="maxlength"
    :autosize="{ minRows: 4, maxRows: 6 }"
    show-word-limit
    placeholder="请输入"
    @input="onChange"
  />
</template>

<script setup>
defineProps({
  value: {
    type: String,
    default: '',
  },
  type: {
    type: String,
    default: 'text',
  },
  maxlength: {
    type: Number,
    default: 32,
  },
  onChange: {
    type: Function,
    default: () => {},
  },
});
</script>
